/* 
* Copyright (C) 2021 minglong@iscas.ac.cn
* 
* Apache License Version 2.0许可头：
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* 
*    http://www.apache.org/licenses/LICENSE-2.0
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

<template>
<div>
    <el-row :gutter="24">
        <el-col :span="24" :offset="0">
            <div>
                <img style="margin: 0 auto;" src="/images/interact/activities/hdc/banner01.png" />
            </div>
        </el-col>
    </el-row>
    <el-row :gutter="24">
        <el-col :span="24" :offset="0" style="vertical-align:middle">
            <div>
                <img style="margin: 0 auto;max-width:10%;" src="/images/interact/activities/hdc/interact.png" />
            </div>
        </el-col>
    </el-row>
    <el-row :gutter="24">
        <el-col :span="24" :offset="0" style="vertical-align:middle;">
                <div>
                    <a href="https://developer.huaweiuniversity.com/portal/courses/course-v1:HuaweiX+CBGHWDCN194+Self-paced/about?source=OHGW" target="_blanc"><img style="margin: 0 auto;" src="/images/interact/activities/hdc/直播.png" /></a>
                </div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24" :offset="0" style="vertical-align:middle;">
                <div>
                    <img style="margin: 0 auto;" src="/images/interact/activities/hdc/扫码.png" />
                </div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24" :offset="0" style="vertical-align:middle">
                <div>
                    <img style="margin: 0 auto;width:10%;" src="/images/interact/activities/hdc/schedule.png" />
                </div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="18" :offset="3" style="align:center;">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="所有" name="class_a" >
                    <el-table :data="data_all" style="width: 100%" :header-cell-style="{textAlign: 'center'}" :cell-style="{ textAlign: 'center', size: 10 }" >
                        <el-table-column
                            prop="no"
                            label="序号"
                            width="40">
                        </el-table-column>
                        <el-table-column
                            prop="time"
                            label="时间"
                            width="105">
                        </el-table-column>
                        <el-table-column
                            prop="topic"
                            label="议题"
                            width="230">
                        </el-table-column>
                        <el-table-column
                            prop="guest"
                            label="演讲嘉宾"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="enterprise"
                            label="企业"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="title"
                            label="职务"
                            width="90">
                        </el-table-column>
                    </el-table>
                </el-tab-pane>
                <el-tab-pane label="应用实践" name="class_ab">
                    <el-table :data="data_app" style="width: 100%" :cell-style="{ textAlign: 'center' }" :header-style="{ textAlign: 'center' }">
                        <el-table-column
                            prop="no"
                            label="序号"
                            width="40">
                        </el-table-column>
                        <el-table-column
                            prop="time"
                            label="时间"
                            width="105">
                        </el-table-column>
                        <el-table-column
                            prop="topic"
                            label="议题"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="guest"
                            label="演讲嘉宾"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="enterprise"
                            label="企业"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="title"
                            label="职务"
                            width="90">
                        </el-table-column>
                    </el-table>
                </el-tab-pane>
                <el-tab-pane label="使用者" name="class_b">
                    <el-table :data="data_user" style="width: 100%" :cell-style="{ textAlign: 'center' }" :header-style="{ textAlign: 'center' }">
                        <el-table-column
                            prop="no"
                            label="序号"
                            width="40">
                        </el-table-column>
                        <el-table-column
                            prop="time"
                            label="时间"
                            width="105">
                        </el-table-column>
                        <el-table-column
                            prop="topic"
                            label="议题"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="guest"
                            label="演讲嘉宾"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="enterprise"
                            label="企业"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="title"
                            label="职务"
                            width="90">
                        </el-table-column>
                    </el-table>
                </el-tab-pane>
                <el-tab-pane label="芯片" name="class_c">
                    <el-table :data="data_chip" style="width: 100%" :cell-style="{ textAlign: 'center' }" :header-style="{ textAlign: 'center' }">
                        <el-table-column
                            prop="no"
                            label="序号"
                            width="40">
                        </el-table-column>
                        <el-table-column
                            prop="time"
                            label="时间"
                            width="105">
                        </el-table-column>
                        <el-table-column
                            prop="topic"
                            label="议题"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="guest"
                            label="演讲嘉宾"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="enterprise"
                            label="企业"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="title"
                            label="职务"
                            width="90">
                        </el-table-column>
                    </el-table>
                </el-tab-pane>
                <el-tab-pane label="共建" name="class_d">
                    <el-table :data="data_contribute" style="width: 100%" :cell-style="{ textAlign: 'center' }" :header-style="{ textAlign: 'center' }">
                        <el-table-column
                            prop="no"
                            label="序号"
                            width="40">
                        </el-table-column>
                        <el-table-column
                            prop="time"
                            label="时间"
                            width="105">
                        </el-table-column>
                        <el-table-column
                            prop="topic"
                            label="议题"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="guest"
                            label="演讲嘉宾"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="enterprise"
                            label="企业"
                            width="90">
                        </el-table-column>
                        <el-table-column
                            prop="title"
                            label="职务"
                            width="90">
                        </el-table-column>
                    </el-table>
                </el-tab-pane>
            </el-tabs>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24" :offset="0" style="vertical-align:middle">
            <div>
                <img style="margin: 0 auto;width:10%;" src="/images/interact/activities/hdc/show.png" />
                <p>跟着小助手一起玩转OpenHarmony(添加微信小助手，获取更多信息&资源)</p>
            </div>
        </el-col>
    </el-row>
    <el-row >
        <el-col :span="22" :offset="1" style="align:center">
            <el-carousel>
                <el-carousel-item>
                    <a href="/pages/8f696f"><img style="margin: 0 auto;" src="/images/interact/activities/hdc/技术图谱.png" /></a>
                </el-carousel-item>
                <el-carousel-item>
                     <a href="http://139.159.252.23:8178/mainPlay" target="_blanc"><img style="margin: 0 auto;" src="/images/interact/activities/hdc/成长计划.png" /></a>
                </el-carousel-item>
            </el-carousel>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24" :offset="0" style="vertical-align:middle;">
            <div>
                <img style="margin: 0 auto;width:10%;" src="/images/interact/activities/hdc/preview.png" />
            </div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="18" :offset="3" style="vertical-align:middle">
            <div>
                <img style="margin: 0 auto;" src="/images/interact/activities/hdc/city_tour.png" />
            </div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24" :offset="0" style="vertical-align:middle;">
            <div>
                <img style="margin: 0 auto;width:8%;" src="/images/interact/activities/hdc/faq.png" />
            </div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24" :offset="0" style="vertical-align:middle;">
            <el-card class="box-card" style="width:100%;">
                <div class="bottom clearfix">
                    <h4>2021年HDC·OpenHarmony技术分论坛主要面向哪些人群？</h4>
                    <span> 对OpenHarmony技术感兴趣，或致力于为OpenHarmony生态贡献力量的开发者都可关注，以便了解最新的技术能力、获取专家的行业洞见，确定生态的发展方向。 </span>
                </div>
                 <el-divider />
                <div class="bottom clearfix">
                    <h4>2021年HDC·OpenHarmony技术分论坛的直播时间？</h4>
                    <span>2021年10月23日  09:00-12:00 14:00-17:00</span>
                </div>
                <el-divider />
                <div class="bottom clearfix">
                    <h4>预约2021年HDC·OpenHarmony技术分论坛直播可以获得什么？</h4>
                    <span>
                        1.可在线观看完整分论坛主题演讲；<br />
                        2.加微信群参与直播互动有机会获取三重好礼！<br />
                        一重礼：预约直播，添加微信，参与抽奖————65份定制周边随机赠送！<br />
                        二重礼：邀约进群，人人有奖——技术图谱、专业书籍、定制T恤、定制徽章先到先得！<br />
                        三重礼：直播有奖互动，边看边拿——参与直播互动，拼手速，抢好礼！<br />
                    </span>
                </div>
                <el-divider />
                <div class="bottom clearfix">
                    <h4>如何参加“直播赢好礼”活动？</h4>
                    <span>
                        1.添加OpenHarmony微信小助手，备注留言：HDC;<br />
                        2.按小助手指引进入HDC直播互动群, 参与互动, 即可获得进群礼包;<br />
                        3.预约任意任意直播平台HDC2021·OpenHarmony分论坛直播，填写问卷即可参与抽奖赢好礼;<br />
                        4.积极参与群内直播互动，有机会赢得更多豪礼!<br />
                    </span>
                </div>
                <el-divider />
                <div class="bottom clearfix">
                    <h4>近期OpenHarmony还有哪些值得期待的活动？</h4>
                    <span>10月24日正式发布第一期OpenHarmony开源开发者成长计划，启动项目认领。权威导师全程辅导，结项即可获得经费赞助！欢迎来自各大高校开发者踊跃报名。</span>
                </div>
                <el-divider />
                <div class="bottom clearfix">
                    <h4>OpenHarmony开源开发者成长计划本期活动内容是什么？</h4>
                    <span>OpenHarmony开源开发者成长计划，为开发者提供OpenHarmony开源项目实践机会，鼓励开发者积极参与开源软件的开发维护，帮助开发者在开源项目中成长。</span>
                </div>
            </el-card>
        </el-col>
    </el-row>
</div>
</template>
<script>
export default {
  data() {
    return {
      activeName: "class_a",
      data_all: [
        {key: 1, no: '01', time: '9:15-9:30', topic: 'OpenHarmony工作委员会总结与展望，及版本路标发布', guest: 'PEIXIN HOU', enterprise: 'OpenHarmony 项目群工作委员会', title: '工作委员会主席'},
        {key: 2, no: '02', time: '9:30-9:45', topic: 'OpenHarmony 最新版本及演进介绍', guest: '万承臻', enterprise: 'OpenHarmony PMC', title: 'PMC主任'},
        {key: 3, no: '03', time: '9:45-10:00', topic: '基于OpenHarmony的美的物联网OS', guest: '陈挺', enterprise: '美的集团', title: 'IoT智能连接部长'},
        {key: 4, no: '04', time: '10:00-10:15', topic: '九阳携手OpenHarmony构建智能厨房健康系统', guest: '温永彪', enterprise: '九阳股份有限公司', title: '九阳智能产品高级经理'},
        {key: 5, no: '05', time: '10:15-10:30', topic: 'OpenHarmony工业项目—OT领域的开源开放思想实践', guest: '邵柏庆', enterprise: '开放鸿基（北京）技术有限公司', title: '董事长 OHI项目负责人'},
        {key: 6, no: '06', time: '10:30-10:45', topic: '行业应用视角：OpenHarmony为“数字中国”构建新的大陆', guest: '邵九洲', enterprise: '新大陆自动识别技术有限公司', title: '新大陆自动识别技术有限公司  副总经理'},
        {key: 7, no: '07', time: '10:45-11:00', topic: 'OpenHarmony生态共建与行业应用实践', guest: '张兆生', enterprise: '中软国际有限公司', title: '中软国际鸿蒙生态业务部 CTO'},
        {key: 8, no: '08', time: '11:00-11:15', topic: 'OpenHarmony 与微纳卫星技术', guest: '于晓洲', enterprise: '大连理工大学', title: '国际宇航联合会空间大学联盟副主席，教授'},
        {key: 9, no: '09', time: '11:15-11:30', topic: 'OpenHarmony行业发行版探索', guest: '许骏', enterprise: '拓维信息系统股份有限公司', title: '首席科学家'},
        {key: 10, no: '10', time: '11:30-11:45', topic: '拥抱OpenHarmony生态，赋能民生行业--润和软件基于OpenHarmony的金融/电力/地产行业应用初探', guest: '石磊', enterprise: '江苏润和软件股份有限公司', title: '鸿蒙研发总监'},
        {key: 11, no: '11', time: '11:45-12:00', topic: '基于OpenHarmony智能农业全栈解决方案实践探索', guest: '杜辉', enterprise: '软通动力', title: '高级教学总监'},
        {key: 12, no: '', time: '', topic: '', guest: '', enterprise: '', title: ''},
        {key: 13, no: '12', time: '14:00-14:10', topic: 'OpenHarmony在全志芯片组中的开发实践', guest: '崔运涛', enterprise: '珠海全志科技股份有限公司', title: '广州软件部负责人'},
        {key: 14, no: '13', time: '14:10-14:20', topic: 'OpenHarmony在教育产品上的探索', guest: '洪涛', enterprise: '北京君正集成电路股份有限公司', title: '市场总监'},
        {key: 15, no: '14', time: '14:20-14:30', topic: 'OpenHarmony在白色家电的应用以及赋能', guest: '高山', enterprise: '翱捷科技(深圳)有限公司--ASR', title: '市场总监'},
        {key: 16, no: '15', time: '14:30-14:40', topic: '汇顶科技助力OpenHarmony IoT生态建设', guest: '邹景华', enterprise: '深圳市汇顶科技股份有限公司', title: 'BLE产品线高级总监'},
        {key: 17, no: '16', time: '14:40-14:50', topic: '砥砺前行 - 中科院软件所的OpenHarmony共建之路', guest: '郑森文', enterprise: '中国科学院软件研究所', title: '开源基础设施组负责人'},
        {key: 18, no: '17', time: '14:50-15:00', topic: 'OpenHarmony 开发样例共建与开发者成长图谱发布', guest: '王治文', enterprise: '华为终端有限公司', title: 'HarmonyOS布道师'},
        {key: 19, no: '18', time: '15:00-15:10', topic: '从小程序到 OpenHarmony — 使用 Taro 开发跨平台应用', guest: '陈嘉健', enterprise: '京东集团', title: '京东前端技术专家'},
        {key: 20, no: '19', time: '15:10-15:20', topic: 'OpenHarmony 创新硬件设计与制造', guest: '曾海银', enterprise: '深圳华秋电子有限公司', title: '副总经理'},
        {key: 21, no: '20', time: '15:20-15:30', topic: 'OpenHarmony 关于媒体视频及智能算力关键技术', guest: '钟义秀', enterprise: '广东九联科技股份有限公司', title: '高级产品总监'},
        {key: 22, no: '21', time: '15:30-15:40', topic: '通用操作系统生态发展对开源鸿蒙的参考', guest: '樊洪光', enterprise: '北京万里红科技有限公司', title: '基础软件事业部副总经理 '},
        {key: 23, no: '22', time: '15:40-15:50', topic: '认知技术加持，打造更安全的OpenHarmony生态', guest: '杨牧天', enterprise: '北京中科微澜科技有限公司', title: 'CEO'},
        {key: 24, no: '23', time: '15:50-16:00', topic: '同心并力，东软OpenHarmony生态共建策略', guest: '蒋韬', enterprise: '东软集团股份有限公司', title: '公司副总裁'},
        {key: 25, no: '24', time: '16:00-16:10', topic: '仙翁科技基于OpenHarmony的工业物联网数据中台实践', guest: '戴东东', enterprise: '上海仙翁科技有限公司', title: 'CTO'},
        {key: 26, no: '25', time: '16:10-16:20', topic: 'OpenAtom OpenHarmony生态价值研讨', guest: '罗未', enterprise: 'OpenHarmony项目群工作委员会', title: 'OpenHarmony 执行总监'}
      ],

      data_app: [
         {key: 1, no: '01', time: '9:15-9:30', topic: 'OpenHarmony工作委员会总结与展望，及版本路标发布', guest: 'PEIXIN HOU', enterprise: 'OpenHarmony 项目群工作委员会', title: '工作委员会主席'},
        {key: 2, no: '02', time: '9:30-9:45', topic: 'OpenHarmony 最新版本及演进介绍', guest: '万承臻', enterprise: 'OpenHarmony PMC', title: 'PMC主任'},
        {key: 26, no: '03', time: '16:10-16:20', topic: 'OpenAtom OpenHarmony生态价值研讨', guest: '罗未', enterprise: 'OpenHarmony项目群工作委员会', title: 'OpenHarmony 执行总监'},
        {key: 5, no: '04', time: '10:15-10:30', topic: 'OpenHarmony工业项目—OT领域的开源开放思想实践', guest: '邵柏庆', enterprise: '开放鸿基（北京）技术有限公司', title: '董事长 OHI项目负责人'},
        {key: 6, no: '05', time: '10:30-10:45', topic: '行业应用视角：OpenHarmony为“数字中国”构建新的大陆', guest: '邵九洲', enterprise: '新大陆自动识别技术有限公司', title: '新大陆自动识别技术有限公司  副总经理'},
        {key: 7, no: '06', time: '10:45-11:00', topic: 'OpenHarmony生态共建与行业应用实践', guest: '张兆生', enterprise: '中软国际有限公司', title: '中软国际鸿蒙生态业务部 CTO'},
        {key: 8, no: '07', time: '11:00-11:15', topic: 'OpenHarmony 与微纳卫星技术', guest: '于晓洲', enterprise: '大连理工大学', title: '国际宇航联合会空间大学联盟副主席，教授'},
        {key: 9, no: '08', time: '11:15-11:30', topic: 'OpenHarmony行业发行版探索', guest: '许骏', enterprise: '拓维信息系统股份有限公司', title: '首席科学家'},
        {key: 10, no: '09', time: '11:30-11:45', topic: '拥抱OpenHarmony生态，赋能民生行业--润和软件基于OpenHarmony的金融/电力/地产行业应用初探', guest: '石磊', enterprise: '江苏润和软件股份有限公司', title: '鸿蒙研发总监'},
        {key: 11, no: '10', time: '11:45-12:00', topic: '基于OpenHarmony智能农业全栈解决方案实践探索', guest: '杜辉', enterprise: '软通动力', title: '高级教学总监'},
      ],

      data_user: [
        {key: 1, no: '01', time: '9:15-9:30', topic: 'OpenHarmony工作委员会总结与展望，及版本路标发布', guest: 'PEIXIN HOU', enterprise: 'OpenHarmony 项目群工作委员会', title: '工作委员会主席'},
        {key: 2, no: '02', time: '9:30-9:45', topic: 'OpenHarmony 最新版本及演进介绍', guest: '万承臻', enterprise: 'OpenHarmony PMC', title: 'PMC主任'},
        {key: 26, no: '03', time: '16:10-16:20', topic: 'OpenAtom OpenHarmony生态价值研讨', guest: '罗未', enterprise: 'OpenHarmony项目群工作委员会', title: 'OpenHarmony 执行总监'},
        {key: 3, no: '04', time: '9:45-10:00', topic: '基于OpenHarmony的美的物联网OS', guest: '陈挺', enterprise: '美的集团', title: 'IoT智能连接部长'},
        {key: 4, no: '05', time: '10:00-10:15', topic: '九阳携手OpenHarmony构建智能厨房健康系统', guest: '温永彪', enterprise: '九阳股份有限公司', title: '九阳智能产品高级经理'},
      ],

      data_chip: [
        {key: 1, no: '01', time: '9:15-9:30', topic: 'OpenHarmony工作委员会总结与展望，及版本路标发布', guest: 'PEIXIN HOU', enterprise: 'OpenHarmony 项目群工作委员会', title: '工作委员会主席'},
        {key: 2, no: '02', time: '9:30-9:45', topic: 'OpenHarmony 最新版本及演进介绍', guest: '万承臻', enterprise: 'OpenHarmony PMC', title: 'PMC主任'},
        {key: 26, no: '03', time: '16:10-16:20', topic: 'OpenAtom OpenHarmony生态价值研讨', guest: '罗未', enterprise: 'OpenHarmony项目群工作委员会', title: 'OpenHarmony 执行总监'},
        {key: 13, no: '04', time: '14:00-14:10', topic: 'OpenHarmony在全志芯片组中的开发实践', guest: '崔运涛', enterprise: '珠海全志科技股份有限公司', title: '广州软件部负责人'},
        {key: 14, no: '05', time: '14:10-14:20', topic: 'OpenHarmony在教育产品上的探索', guest: '洪涛', enterprise: '北京君正集成电路股份有限公司', title: '市场总监'},
        {key: 15, no: '06', time: '14:20-14:30', topic: 'OpenHarmony在白色家电的应用以及赋能', guest: '高山', enterprise: '翱捷科技(深圳)有限公司--ASR', title: '市场总监'},
        {key: 16, no: '07', time: '14:30-14:40', topic: '汇顶科技助力OpenHarmony IoT生态建设', guest: '邹景华', enterprise: '深圳市汇顶科技股份有限公司', title: 'BLE产品线高级总监'},
      ],

      data_contribute: [
        {key: 1, no: '01', time: '9:15-9:30', topic: 'OpenHarmony工作委员会总结与展望，及版本路标发布', guest: 'PEIXIN HOU', enterprise: 'OpenHarmony 项目群工作委员会', title: '工作委员会主席'},
        {key: 2, no: '02', time: '9:30-9:45', topic: 'OpenHarmony 最新版本及演进介绍', guest: '万承臻', enterprise: 'OpenHarmony PMC', title: 'PMC主任'},
        {key: 26, no: '03', time: '16:10-16:20', topic: 'OpenAtom OpenHarmony生态价值研讨', guest: '罗未', enterprise: 'OpenHarmony项目群工作委员会', title: 'OpenHarmony 执行总监'},
        {key: 17, no: '04', time: '14:40-14:50', topic: '砥砺前行 - 中科院软件所的OpenHarmony共建之路', guest: '郑森文', enterprise: '中国科学院软件研究所', title: '开源基础设施组负责人'},
        {key: 18, no: '05', time: '14:50-15:00', topic: 'OpenHarmony 开发样例共建与开发者成长图谱发布', guest: '王治文', enterprise: '华为终端有限公司', title: 'HarmonyOS布道师'},
        {key: 19, no: '06', time: '15:00-15:10', topic: '从小程序到 OpenHarmony — 使用 Taro 开发跨平台应用', guest: '陈嘉健', enterprise: '京东集团', title: '京东前端技术专家'},
        {key: 20, no: '07', time: '15:10-15:20', topic: 'OpenHarmony 创新硬件设计与制造', guest: '曾海银', enterprise: '深圳华秋电子有限公司', title: '副总经理'},
        {key: 21, no: '08', time: '15:20-15:30', topic: 'OpenHarmony 关于媒体视频及智能算力关键技术', guest: '钟义秀', enterprise: '广东九联科技股份有限公司', title: '高级产品总监'},
        {key: 22, no: '09', time: '15:30-15:40', topic: '通用操作系统生态发展对开源鸿蒙的参考', guest: '樊洪光', enterprise: '北京万里红科技有限公司', title: '基础软件事业部副总经理 '},
        {key: 23, no: '10', time: '15:40-15:50', topic: '认知技术加持，打造更安全的OpenHarmony生态', guest: '杨牧天', enterprise: '北京中科微澜科技有限公司', title: 'CEO'},
        {key: 24, no: '11', time: '15:50-16:00', topic: '同心并力，东软OpenHarmony生态共建策略', guest: '蒋韬', enterprise: '东软集团股份有限公司', title: '公司副总裁'},
        {key: 25, no: '12', time: '16:00-16:10', topic: '仙翁科技基于OpenHarmony的工业物联网数据中台实践', guest: '戴东东', enterprise: '上海仙翁科技有限公司', title: 'CTO'},
      ],
      

    };
  },
  methods: {
    handleClick(tab, event) {
      // console.log(tab, event);
    }
  },
};
</script>
<style>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 480px;
  }
</style>